<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>操作元素的属性</title>
    </head>
    <body>
        <div id="d1">helloworld</div>
        <script type="text/javascript" >
            var d1 = document.querySelector('#d1');
            console.log(d1);
            //获取属性
            console.log(d1.id);
            console.log(d1['id']);
            console.log(d1.getAttribute('id'));

            //设置属性
            d1.id = 'd2';
            d1['id'] = 'd3';
            d1.setAttribute("id","d4");

            d1.abc = '123';
            d1.setAttribute('abc','456');
            console.log(d1);
            console.log([d1]);
            //删除元素
            d1.removeAttribute('abc');

        </script>
    </body>
</html>